<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>codefun</title>
    <!-- <link rel="stylesheet" href="../../index.css" /> -->
    <link rel="stylesheet" href="css/recommend.css" />
    <link rel="stylesheet" href="css/all.css"/>
    <script type="text/javascript" src="js/recommend.js"></script>
  </head>
  <body>
    <div class="flex-col page">
      <div class="flex-col justify-start relative header">
        <div class="flex-col justify-start items-start image-wrapper">
          <img
            class="image"
            src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648a87df5a7e3f0310d96caf/648b4de374467400115538bc/16868510813931191262.png"
          />
        </div>
        <div class="section pos"></div>
      </div>
      <div class="flex-col flex-auto group">
        <div class="section_2"></div>
        <div class="flex-col group_2">
          <div class="flex-row space-x-41">
            <img
              class="equal-division-item"
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648a87df5a7e3f0310d96caf/648b4de374467400115538bc/16868510813808582017.png"
            />
            <img
              class="equal-division-item"
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648a87df5a7e3f0310d96caf/648b4de374467400115538bc/16868510813891539567.png"
            />
          </div>
          <div class="flex-row equal-division space-x-39">
            <img
              class="equal-division-item_2"
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648a87df5a7e3f0310d96caf/648b4de374467400115538bc/16868510813830274313.png"
            />
            <img
              class="equal-division-item_2"
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648a87df5a7e3f0310d96caf/648b4de374467400115538bc/16868510813875543505.png"
            />
          </div>
          <div class="flex-row equal-division_2 space-x-39">
            <img
              class="equal-division-item"
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648a87df5a7e3f0310d96caf/648b4de374467400115538bc/16868510813919213525.png"
            />
            <img
              class="equal-division-item"
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648a87df5a7e3f0310d96caf/648b4de374467400115538bc/16868510813923167562.png"
            />
          </div>
        </div>
      </div>
    </div>
  </body>
</html>